<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="../../WEB-INF/plantilla/layout.xhtml">
	<ui:define name="contenido">
		<h:form id="fitness">

			<p:panel header="Búsqueda de Análisis" style="text-align:center;">

				<h:panelGrid columns="4">
					<h:outputText for="txtConf" title="Id Configuracion"
						value="Numero de Configuracion:" />
					<h:inputText id="txtConf" value="#{chartBean.idConfiguracion}"></h:inputText>
					<p:message for="txtConf" />

					<p:commandButton value="Buscar" icon="ui-icon-search"
						update="panelRes" actionListener="#{chartBean.buscarAnalisis}"
						ajax="true" />
				</h:panelGrid>


			</p:panel>

			<p:panel header="Resultados Busqueda" id="panelRes">

				<p:dataTable id="tbl" var="res" style="width: 500px;"
					value="#{chartBean.listaResultadoPorConfiguracion}">

					<p:column headerText="Ejecución">
						<h:outputText value="#{res.codigoconfiguracion}" />
					</p:column>
					
					<p:column headerText="Poblacion">
						<h:outputText value="#{res.numeroPoblacion}" />
					</p:column>

					<p:column headerText="Pacientes">
						<h:outputText value="#{res.numeroPacientes}" />
					</p:column>

					<p:column headerText="Nro Reglas">
						<h:outputText value="#{res.numeroReglas}" />
					</p:column>

					<p:column headerText="Generaciones">
						<h:outputText value="#{res.numeroGeneracion}" />
					</p:column>
					<p:column headerText="Crossover">
						<h:outputText value="#{res.probabilidadCrossover}" />
					</p:column>
					<p:column headerText="Mutacion">
						<h:outputText value="#{res.probabilidadMutacion}" />
					</p:column>
					<p:column headerText="Fitness">
						<h:outputText value="#{res.valorAdaptacion}" />
					</p:column>
					<p:column headerText="Nro Generacion Mejor">
						<h:outputText value="#{res.generacionNacimiento}" />
					</p:column>

					<p:column headerText="Ver" style="width:4%">

						<p:commandButton id="idVer" update=":fitness:pnlAnalisis"
							oncomplete="dlgAl.show()" icon="ui-icon-search" title="Ver">

							<f:setPropertyActionListener value="#{res}"
								target="#{chartBean.selectedResultadoConfig}" />


						</p:commandButton>

					</p:column>
				</p:dataTable>

			</p:panel>



			<p:dialog widgetVar="dlgAl" modal="true" header="Analisis" 
				maximizable="true" dinamic="true">

				<p:panel id="pnlAnalisis">
				
					<h:panelGrid columns="2" >
						
						<p:lineChart id="filled" value="#{chartBean.categoryModel}"
							legendPosition="ne" fill="true" style="height:250px;"
							title="Valor de Adaptación de Cromosomas" xaxisLabel="fitnes"
							yaxisLabel="Cromosomas" />
						
						
						<p:lineChart id="stacked"
						value="#{chartBean.categoryModelFitnesGeneracion}"
						legendPosition="ne" stacked="true" fill="false"
						style="height:250px;"
						title="Valor Fitnes y su Generación de Nacimiento"
						xaxisLabel="fitnes" yaxisLabel="Generación" />
						
					</h:panelGrid>
					

				</p:panel>



			</p:dialog>




		</h:form>
	</ui:define>
</ui:composition>

</html>
